import React from 'react';
import 'antd/dist/antd.css';
import Component from '..';

export default function Demo1() {
    return (
        <ul>
            <li>
                默认：<Component></Component>;
            </li>
            <li>
                2个人赞同：<Component comment={{ desc: '张三，李四赞同', count: 3 }}></Component>;
            </li>
            <li>
                不赞同：<Component type="dislike" comment={{ desc: '张三，李四赞同', count: 3 }}></Component>;
            </li>
            <li>
                置灰：
                <Component comment={{ desc: '张三，李四反对', count: 2 }} type="dislike" count={2} disabled></Component>
                ;
            </li>
            <li>
                已访问：
                <Component comment={{ desc: '张三，还有你赞同', count: 2 }} count={2} visited></Component>;
            </li>
        </ul>
    );
}
